<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>{$title}</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="format-detection" content="telephone=no">
		<link rel="stylesheet" href="../xui/css/xui.css"  media="all">
		<link rel="stylesheet" href="../xui/font/font-awesome/css/font-awesome.min.css" media="all">
	</head>
	<body class="xui">
		<div class="row header">
			<a class="logo" href="index.html" >XUI</a>
			<i class="x1"></i>
			<label id="toggle-top-menu" for="chk_top_menu"></label>
			<input type="checkbox" id="chk_top_menu" style="display:none;">
			<div class="top-menu">
				<ul>
					<li>
						<a href="http://www.smeoa.com" >小微OA官网</a>
					</li>
					<li>
						<a class="active" href="http://demo.smeoa.com" >系统演示</a>
					</li>
					<li>
						<a href="http://www.smeoa.com/forum">社区</a>
					</li>
					<li>
						<a href="#">Github<i class="count">99</i></a>
					</li>
				</ul>
			</div>
		</div>
		<div class="row x1">
			<label id="toggle-sidebar" for="chk-sidebar"></label>
			<input type="checkbox" id="chk-sidebar">
			<label id="shade-sidebar" for="chk-sidebar" ></label>
			<div class="w22 sidebar">
				<ul>
					<li>
						<a href="#" >基本元素</a><i class="count">99</i>
						<input type="checkbox" id="chk_1">
						<label for="chk_1"><i class="fa fa-angle-down"></i></label>
						<ul>
							<li>
								<a  href="btn.html" >按钮</a>
							</li>
							<li>
								<a  href="form.html" >表单</a>
							</li>
							<li>
								<a  href="nav.html" >导航</a>
							</li>
							<li>
								<a  href="table.html" >表格</a>
							</li>
							<li>
								<a  href="tab.html" >选项卡</a>
							</li>
							<li>
								<a  href="progress.html" >进度条</a>
							</li>
							<li>
								<a  href="asst.html" >辅助</a>
							</li>
							<li>
								<a  href="grid.html" >网格</a>
							</li>
							<li>
								<a  href="layout.html" >布局</a>
							</li>
						</ul>
					</li>
					<li>
						<a  href="" >组件</a>
						<input type="checkbox" id="chk_2">
						<label for="chk_2"><i class="fa fa-angle-down"></i></label>
						<ul>
							<li>
								<a  href="tree.html" class="active" >树形菜单</a>
							</li>
							<li>
								<a  href="popup.html" >弹窗选择</a>
							</li>
						</ul>
					</li>
				</ul>
			</div>
			<div class="box x1 gray">
				<div class="w30 m100">
					<div class="tree-menu">
						<ul>
							<li>
								<a>菜单1</a>
								<input type="checkbox" id="chk_tree_2">
								<label for="chk_tree_2"><i class="fa fa-plus-square-o" ></i></label>
								<ul>
									<li>
										<a >菜单1</a>
										<input type="checkbox" id="chk_tree_3">
										<label for="chk_tree_3"><i class="fa fa-plus-square-o" ></i></label>
										<ul>
											<li>
												<a>菜单1</a>
												<input type="checkbox" id="chk_tree_4">
												<label for="chk_tree_4"><i class="fa fa-plus-square-o" ></i></label>
												<ul>
													<li>
														<a>菜单1</a>
													</li>
													<li>
														<a  class="current">菜单2</a>
														<input type="checkbox" id="chk_tree_5">
														<label for="chk_tree_5"><i class="fa fa-plus-square-o" ></i></label>
														<ul>
															<li>
																<a>菜单1</a>
															</li>
															<li>
																<a>菜单2</a>
															</li>
															<li>
																<a>菜单3</a>
															</li>
															<li>
																<a>菜单4</a>
															</li>
														</ul>
													</li>
													<li>
														<a>菜单3</a>
													</li>
													<li>
														<a>菜单4</a>
													</li>
												</ul>
											</li>
											<li>
												<a>菜单2</a>
											</li>
											<li>
												<a>菜单3</a>
											</li>
											<li>
												<a>菜单4</a>
											</li>
										</ul>
									</li>
									<li>
										<a>菜单2</a>
										<ul>
											<li>
												<a>菜单1</a>
											</li>
											<li>
												<a>菜单2</a>
											</li>
											<li>
												<a>菜单3</a>
											</li>
											<li>
												<a>菜单4</a>
											</li>
										</ul>
									</li>
									<li>
										<a>菜单3</a>
									</li>
									<li>
										<a>菜单4</a>
									</li>
								</ul>
							</li>
							<li>
								<a>菜单3</a>
							</li>
							<li>
								<a>菜单4</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="x1">
					X
				</div>

			</div>
	</body>
	<script src="//cdn.bootcss.com/jquery/1.11.0/jquery.js"></script>
	<script>
		$(function() {
			$(".sidebar a.active").parents('li').find('input').attr('checked', 'checked');
		});
	</script>
</html>
